<template>
	<view>
		<view style="width: 100%; background: #FFFFFF;">
			<view class="width-90" >
				<van-steps :steps="steps" :active=" active"  active-color="#53A4FC"/>
			</view>
		</view>
		
		<checkingType v-if="active==0" @getStep="getStep()"></checkingType>
		<safe-checking v-if="active==1" @getStep="getStep()"></safe-checking>
		<reset-password v-if="active==2"></reset-password>
	</view>
</template>

<script>
	import checkingType from './checkingType'
	import safeChecking from './safeChecking'
	import resetPassword from './resetPassword.vue'
	export default {
		components:{
			checkingType,
			safeChecking,
			resetPassword
		},
		data() {
			return {
				steps: [{
						desc: '1.选择验证方式'
					},
					{
						desc: '2.安全验证'
					},
					{
						desc: '3.设置密码'
					}
				],
				active: 0
			}
		},
		methods: {
			getStep:function(e){
				this.active = e
			}
		}
	}
</script>

<style>

</style>
